<template>
    <div>
        <h3>消息订阅者</h3>
        <p><b>订阅到的消息：</b>{{ msg }}</p>
    </div>
</template>

<script>
// 引入消息订阅与发布
import pubsub from 'pubsub-js'
export default {
    // 消息订阅者
    name: 'MySubscribe',
    data() {
        return {
            msg: ''
        }
    },
    methods: {

    },
    mounted() {
        // 消息订阅，mypublisher：消息发布者的名称
        pubsub.subscribe('mypublisher', (messageName, data) => {
            console.log('已接收到消息发布者' + messageName + '数据:', data)
            this.msg = data
        })
    }
}
</script>

<style scoped>
</style>